<template>
  <div id="about">
    <HeaderTwo />
    <div class="banner">
      <div class="width">
        <div class="title">
          <div>定制化、场景化、高性价比</div>
          <div>专属您的产品</div>
          <div class="bule"></div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
// @ is an alias to /src
import HeaderTwo from '@/components/HeaderTwo.vue'
// import Footer from '@/components/Footer.vue'
export default {
  name: "about",
  components: {
    HeaderTwo,
  },
  data() {
    return {
      
    };
  },
  computed: {
    
  },
  mounted() {
    
  },
};
</script>
<style lang="scss" scoped>
#about {
  .banner {
    width: 100%;
    height: 390px;
    background: url(../assets/about1.png) left top no-repeat;
    background-size: 100% 100%;
    .title {
      width: 80%;
      margin: 0 auto;
      color: #fff;
      text-align: left;
      font-size: 27px;
      padding-top: 90px;
      >div {
        line-height: 60px;
      }
      .bule {
         display: block;
          width: 50px;
          height: 10px;
          margin-top: 2rem;
          background: #00bdda;
          // float: right;
      }
    }
  } 
}
</style>
